<template>
	<view class="main m0_a d_f_sbrwe bb">
		<view class="list_item tac bb d_f_ac" v-for="item in list" @click="$act.toPage(item.url)">
			<image class="img d_b" src="@/static/images/learn_music.png" mode="aspectFill"></image>
			<view class="">{{ item.name }}</view>
		</view>
	</view>
</template>
<script>
	export default {
		name: 'menu',
		props: ['list'],
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style>
	.main{
		width: 700rpx;
		padding-top: 40rpx;
	}
	.list_item{
		width: 320rpx;
		line-height: 120rpx;
		border: 2px solid #ccc;
		margin: 10rpx;
		border-radius: 20rpx;
	}
	.img{
		width: 90rpx;
		height: 90rpx;
		margin: 0 24rpx;
	}
</style>